<script setup lang="ts">
  import { ref } from 'vue'
  import { Button } from 'vant';


  defineProps<{ msg: string }>()

  const count= ref<number>(0)

</script>

<template>
  <!-- <h1>{{ msg }}</h1> -->
    <button type="button" @click="count++">count is {{ count }}</button>
  <div class="main">
    <!-- 游戏框 舞台 -->
    <div class="top-box"></div>
    <div class="bottom-box">
     <div>soore:0</div> 
     <div>level:0</div> 
    </div>
  </div>
</template>

<style scoped lang="less">
.main{
   width: 400px;
   height: 500px;
   background-color:#eee;
   .top-box{
    width: 100%;
    height: 400px;
    background: pink;
   }
   .bottom-box{
    width: 100%;
    height: 100px;
    div{
      height: 50px;
      line-height: 50px;
    }
   }
}
</style>
